/*
	index-content.php
*/
.news-content{margin: 25px 0px 0px 15px;}
.news-row{ margin: 20px 5px 0px 10px; }
.news-row a{font-size: 23px; text-decoration: none; font-weight: bolder; color: }
.text-center{ margin: 0px 8px 0px 0px;}
.content-body{clear: both; width: 100%; margin: auto;}
.anouncement{ width: 100%; float: left; margin: 4px 0 10px 0; height: 300px;}
.news{ width: 36%; margin: 4px 0 10px 0; height: 300px; float: left;}
.course{ width: 80%; margin: 15px 0px 5px 100px; font-family: times; font-size: 25px;}
.course a{text-decoration: none; }
.new{ width: 15px; height: 15px;}
.container{margin: 4px 0px 0px 0px; float: right;}

/*
	meeting-room-booking.php
*/
.mbr-wrapper{min-height: 650px; height: auto !important; height: 650px;}
.info{ margin: 5px 5px 5px 5px; }
.booking-room{ margin: 5px 0px 10px 0px; padding: 10px 5px 10px 5px; width: 75%; float: right;}
.room{ width: 18%; min-height: 820px; height: auto !important; height: 820px; float: left;}
.calendar-booking{ width: 100%;}

/*
	training-plan.php
*/
.year{float: left; margin-right: 10px;}
.training-plan{width: 98%;}
.department{float: left;}
.filter{width: 18px; height: 18px;}
.wrapper-training-plan{ }

/*
	plan-course-detail.php
*/

.information-course-title{ font-family: arial; font-size: 18px; font-style: italic; color: black; margin-left: 27px; width: 200px; float: left;}
.course-information{ font: arial; font-size: 18px; font-weight: bolder;}
.start-date{color: red;} 
.end-date{color: green;}
.trainer{color: #2ABAC7;}
.target-group{color: #AFA808;}
.method{color: #E97F0C;}
.number-of-trainees{color: black;}
.training-place{color: black; text-decoration: none;}
.status{color: #CC196F;}
.download-title{font-family: arial; font-size: 15px; font-weight: bolder; color: red; float: left; margin: 0px 10px 0px 27px;}
.download{width: 20px; height: 20px;}
.trainee-list{margin: 0px 0px 5px 0px;}
.list-content{width: 95%; margin: 0px 0px 0px 27px;}
/*
	training-course.php
*/
.training-course-wrapper{clear: both;}
.training-course-menu{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.parent-item{ font-size: 25px; margin: 5px 10px 0px 0px; color: #2E6E9E !important; cursor: default; padding-left: 5px;}
.parent-item span{ float: right;}
.child-item{ font-size: 20px; cursor: default; color: #2E6E9E; margin: 5px 10px 5px 0px;}
.child-item span{float: left;}
.child-menu{ list-style-type: none; display: none;  margin: 0px 10px 0px 0px; padding: 5px 5px 5px 5px;}
.training-course{ width: 25%; float: left; margin: 0px 0px 5px 0px;}
.training-course-detail{ width: 74%; float: right; margin: 5px 0px 10px 0px; min-height: 570px; height: auto !important; height: 570px;}

/*
	material-detail.php
*/
.course-content{margin: 10px 5px 10px 5px; min-height: 50px;}
.course-material-title{ font-size: 30px; color: #0098D9; margin: 5px 5px 5px 5px;}
.course-content-title{ font-size: 20px; font-weight: bolder;}
.course-content-detail{margin: 5px 0px 0px 0px; font-size: 20px; width: 100%;}
.course-content-detail a { text-decoration: none;}
.export-report{ float: right; margin: 5px 5px 0px 0px;}
/*
	facilities.php
*/
.facilities-pic{ width: 80px; height: 50px;}
.facilities a{text-decoration: none;}
.facilities-place{width: 49%; float: left; min-height: 630px; margin-bottom: 20px;}
.facilities-software{ width: 49%; float: right; min-height: 630px; margin-bottom: 20px;}

/*
	facilities-detail.php
*/
.faclities-detail-wrapper{min-height: 630px; height: auto !important; height: 630px;}
.fac-de-pic{margin: 0px 5px 5px 0px; width: 50%; height: 300px; width: auto;}
.fac-title{font-size: 22px; font-style: italic; width: 200px; float: left;}
.fac-info{font-size: 22px; font-weight: bolder; color: #2E6E9E;}
/*
	job-profile.php
*/
.job-profile-wrapper{min-height: 620px; height: auto !important; height: 620px; }
.job-menu{ width: 20%; margin: 10px 0px 10px 5px !important; float: left; min-height: 604px; height: auto !important; height: 604px;}
.job-profile-detail{ width: 78%; float: right; margin: 10px  5px 10px 0px; min-height: 610px; height: auto !important; height: 610px;}

/*
	job-profile-detail.php
*/
.job-info{margin: 10px 10px 10px 20px;}
.course-title{font-size: 25px; font-weight: bolder;}
.course-info{ font-size: 20px; font-style: italic;}
.course-info a{text-decoration: none;}

/*
	training-forms.php
*/
.forms-wrapper{ min-height: 630px; height: auto !important; height: 630px;}

/*
	contact-us.php
*/
.contact-wrapper{min-height: 630px;}
.wrapper-contact-parent{ width: 49%; margin: 10px 30% 10px 30%;}
.left-contact{width: 49%; float: left; }
.right-contact{width: 49%; float: right; }
.wrapper-contact{margin: 10px 10px 10px 10px;}
.contact-img{ margin: 10px 10px 10px 10px; width: 100px; height: 100px; float: left;}
.contact-info{ margin: 10px 10px 10px 5px;}
.contact-info label{ font-size: 20px; font-style: italic;}
.contact-info span{ font-size: 20px; font-style: normal; font-weight: bold; color: #4297D7; margin-left: 5px;}
.website{margin: 0px 0px 0px 40%; font-size: 20px;}
